<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../style/css/public.css">
    <link rel="stylesheet" type="text/css" href="../style/css/detail.css">
    <link rel="stylesheet" type="text/css" href="../style/css/jquery.spinner.css">
</head>
<body>

<!--头部-->
<div id="header">
    <div class="wrapper">
        <div class="wrapper-r">
            <i><img src="../images/on2.png" alt=""></i>
            <a href="#">成为供应商</a>
        </div>
        <div class="wrapper-c">
            <ul class="header-ul">
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>
                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>

                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>

                    </ul>

                </li>
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>

                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>

                    </ul>

                </li>

            </ul>
        </div>
        <div class="wrapper-l">
            <a href="#">你好，请登录</a>
            <a href="#">免费注册</a>
        </div>
    </div>
</div>

<!--搜索-->
<div id="search" class="clear">
    <div class="wrapper">
        <div class="wrapper-l">
            <a href="index.html"><img src="../images/logo.png" alt=""></a>
        </div>
        <div class="wrapper-c">
            <form action="">
                <div>
                    <i></i>
                    <ul>
                        <li><a href="#">宝贝</a></li>
                        <li><a href="#">店铺</a></li>
                    </ul>
                </div>
                <input type="" placeholder="请输入您要搜索的商品关键字"/>
                <input type="button" value="搜索"/>
            </form>
            <div>
                <ul>
                    <li><a href="#">大连辽参</a></li>
                    <li><a href="#">清仓大促</a></li>
                    <li><a href="#">CELLE西琳</a></li>
                    <li><a href="#">破壁料理机</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">GUCCI</a></li>
                    <li><a href="#">汉灸堂</a></li>
                    <li><a href="#">达芬帝</a></li>
                </ul>
            </div>
        </div>
        <div class="wrapper-r">
            <dl>
                <dt>
                    <a href="#">
                        <i></i>购物车结算<span></span>

                        <div>
                            <h3>最新加入的商品</h3>
                            <p>您的购物车中暂无商品，赶快选择心爱的商品吧</p>
                        </div>
                    </a>
                </dt>
            </dl>

            <dl>
                <dt>
                    <a href="#">
                        <i></i>
                        我的商城
                        <span></span>
                    </a>
                </dt>
                <div>
                    <div>
                        <img src="../images/avatar.gif" alt="">
                        <a href="#">
                            您好请登录
                        </a>
                    </div>

                    <div>
                        <ul>
                            <li><a href="#">站内消息</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">咨询回复</a></li>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">我的足迹</a></li>
                            <li><a href="#">我的积分</a></li>
                        </ul>
                    </div>

                </div>
            </dl>

        </div>
    </div>
</div>


<!--导航条-->
<div id="nav" class="clear">
    <div class="wrapper">
        <ul>
            <li>
                <a href="#">所有商品分类</a>
                <ol>
                    <li>
                        <a href="#">食品 </a>
                        <em>/</em>
                        <a href="#">酒水 </a>
                        <em>/</em>
                        <a href="#">饮料 </a>
                        <div>
                            <div>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                                <dl>
                                    <dt><a href="#">休闲食品</a><i></i></dt>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                    <dd><a href="#">休闲零食</a></dd>
                                </dl>
                            </div>

                            <div>
                                <ul>
                                    <li><a href="#"><img src="../images/jiu.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="../images/jiu.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="../images/jiu.jpg" alt=""></a></li>
                                </ul>

                            </div>
                        </div>
                    </li>


                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                    <li><a href="#">食品 </a><em>/</em><a href="#">酒水 </a><em>/</em><a href="#">饮料 </a></li>
                </ol>
            </li>
            <li><a href="#">首页</a></li>
            <li><a href="#">TV直播</a></li>
            <li><a href="#">品牌特卖</a></li>
            <li><a href="#">清仓大卖</a></li>
        </ul>
    </div>
</div>


<!--列表-->
<div id="list">
    <div class="wrapper">
            <span><a href="#">厨房用具</a></span><span>&gt;</span>
            <span><a href="#">茶具/咖啡具</a></span><span>&gt;</span>
            <span><a href="#">茶壶</a></span><span>&gt;</span>
            <span>麟龙堂傲雪寒梅铁壶13件套组 货号119708</span>

    </div>
</div>


<!--放大镜-->
<div id="mirror">
    <div class="wrapper">
        <div>
            <div class="clear" id="smallImg">
                <div id="smallArea"></div>
            </div>

            <ul class="clear least">

            </ul>

            <div class="clear">
                <a href="#">收藏商品</a><a href="#">移动端购买
                    <img src="../images/clean.gif" alt="">
                </a>
            </div>

            <div id="bigArea">
                <img src="../images/mirror0.jpg" alt="" id="bigImg">
            </div>

        </div>
        <div>
            <div class="title">
            </div>
            <dl>
                <dt>央广价</dt>
                <dd class="price">
                    <em>￥</em>
                </dd>
            </dl>
            <dl>
                <dt>物流</dt>
                <dd>配送至 <a href="#">请选择地区</a></dd>
            </dl>
            <dl>
                <dt>服务</dt>
                <dd>由 <a href="#">央广购物</a>发货，并提供售后服务</dd>
            </dl>
            <dl>
                <dt>数量</dt>
                <dd>
                    <button class="reduce">-</button>
                    <em class="num">1</em>
                    <button class="add">+</button>
                    <span>每人限购10件</span>
                </dd>
            </dl>
            <div>
                <input type="button" value="立即购买"/>
                <input type="button"value="加入购物车" id="btn"/>
                <a href="shopcart.html" id="tiao">去结算</a>
            </div>
            <dl>
                <dt>服务承诺</dt>
                <dd><a href="#"> 15天无理由退换货，30天只换不修</a></dd>
            </dl>
        </div>

        <!--<div>-->
            <!--<p><span>橱窗推荐</span><a href="#">换一批</a></p>-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<a href="#"><img src="../images/change.jpg" alt=""></a>-->
                    <!--<p>￥99.00</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#"><img src="../images/change.jpg" alt=""></a>-->
                    <!--<p>￥99.00</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="#"><img src="../images/change.jpg" alt=""></a>-->
                    <!--<p>￥99.00</p>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->

    </div>
</div>


<!--商品介绍-->
<div id="goods">
    <div class="wrapper clear">
        <div class="wrapper-l ">
            <div>
                <h3>热销商品排行</h3>
                <ul>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">
                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                </ul>
            </div>



            <div>
                <h3>热销商品排行</h3>
                <ul>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                    <li>
                        <img src="../images/change.jpg" alt="">

                        <dl>
                            <dt><a href="#">非常名贵的项链个，很值钱</a></dt>
                            <dd>￥234.00</dd>
                            <dd>售出：383</dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wrapper-r">
            <div class="top">
                <ul>
                    <li><a href="#">商品详情</a></li>
                    <li><a href="#">商品评价</a></li>
                    <li><a href="#">购买咨询</a></li>
                    <li><a href="#">售后保障</a></li>
                </ul>
            </div>
            <div class="bottom">
                <h3><img src="../images/goods_bg.jpg" alt=""></h3>
                <img src="../images/goods.jpg" alt="">
            </div>
        </div>
    </div>
</div>


<!--天天半价-->
<div id="discount">
    <div class="wrapper">

    </div>
</div>


<!--公告-->
<div id="notice">
    <div class="wrapper">
        <div>
            <dl>
                <dt>公告</dt>
                <dd><a href="#">央广会员购物最新优惠活动，实惠多多，超值多多</a></dd>
                <dd><a href="#">央广会员购物最新优惠活动，实惠多多，超值多多</a></dd>
                <dd><a href="#">央广会员购物最新优惠活动，实惠多多，超值多多</a></dd>
                <dd><a href="#">央广会员购物最新优惠活动，实惠多多，超值多多</a></dd>
            </dl>
        </div>
        <div>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
                <dd><a href="#">注册方法</a></dd>
            </dl>
        </div>
    </div>
</div>



<!--尾部-->
<div id="footer">
    <div class="wrapper">

        <ul>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a></li>
        </ul>

        <p><i></i>京公网安备：11011502002190 <a href="#">京ICP备10038858号</a><a href="#">食品流通许可证编号：SP1101151210063489</a><a
                href="#">信息网络传播视听节目许可证 0102002号</a></p>
        <p><i>Copyright©2010-2017 cnrmall.com All Rights Reserved</i><i>服务热线：4008-518-518</i></p>

        <ul>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
        </ul>
    </div>
</div>



<!--侧边栏-->
<!--<div id="aside">-->
    <!--<div class="aside-l">-->
        <!--<ul>-->
            <!--<li><em>商城会员</em><a href="#"></a></li>-->
            <!--<li><em>购物车</em><a href="#"><i>0</i></a></li>-->
            <!--<li><em>我的收藏</em><a href="#"></a></li>-->
            <!--<li><em>我的足迹</em><a href="#"></a></li>-->
            <!--<li><em>我的消息</em><a href="#"></a></li>-->
        <!--</ul>-->
        <!--<span>置顶</span>-->
    <!--</div>-->
    <!--<div class="aside-r">-->
        <!--<h3>-->
            <!--<a href="#"><i></i>购物车</a>-->
            <!--<span>X</span>-->
        <!--</h3>-->
        <!--<ul>-->
            <!--<li>-->
                <!--<img src="../images/mirror0.jpg" alt="">-->
                <!--<a href="#">麟龙堂傲雪寒梅铁壶13件套组 货号119708</a>-->
                <!--<span>0.00<i class="newNum">0</i></span>-->
                <!--<em></em>-->
            <!--</li>-->

        <!--</ul>-->
        <!--<div>-->
            <!--<p class="cal"><em>0</em>件商品</p>-->
            <!--<p class="sum">共计 <em>0.00</em></p>-->
            <!--<a href="shopcart.html">去结算</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->





</body>
</html>

<script src="../js/lib/jquery-3.2.1.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>
<script src="../js/lib/jquery.spinner.js"></script>
<script src="../js/detail.js"></script>


